<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>校园配送系统</title>
    <!-- 标签图标设置 -->
    <link rel="icon" href="images/favicon.ico" type="image/ico">
    <meta name="keywords" content="crm,qf">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/materialdesignicons.min.css" rel="stylesheet">
    <link href="css/style.min.css" rel="stylesheet">
    <style>
        .lyear-wrapper {
            position: relative;
        }
        .lyear-login {
            display: flex !important;
            min-height: 100vh;
            align-items: center !important;
            justify-content: center !important;
        }
        .login-center {
            /* background: #fff; */
            background: rgba(255,255,255,0.5);
            min-width: 38.25rem;
            padding: 2.14286em 3.57143em;
            border-radius: 5px;
            margin: 2.85714em 0;
        }
        .login-header {
            margin-bottom: 1.5rem !important;
        }
        .login-center .has-feedback.feedback-left .form-control {
            padding-left: 38px;
            padding-right: 12px;
        }
        .login-center .has-feedback.feedback-left .form-control-feedback {
            left: 0;
            right: auto;
            width: 38px;
            height: 38px;
            line-height: 38px;
            z-index: 4;
            color: #dcdcdc;
        }
        .login-center .has-feedback.feedback-left.row .form-control-feedback {
            left: 15px;
        }
    </style>
</head>

<body style="background: url(images/bg.jpg);">
<div class="row lyear-wrapper">
    <div class="lyear-login">
        <div class="login-center">
            <div class="login-header text-center">
                <a href="index.html"> <h1>返回登录</h1> </a>
            </div>
            <form action="#" method="get">
                <div class="form-group has-feedback feedback-left">
                    <select id="selectusertype">
                        <option value="" disabled selected hidden >请选择用户类型</option>
                        <option value="配送员">配送员</option>
                        <option value="普通用户">普通用户 </option>

                    </select>

                    <input   placeholder="用户类型" class="form-control" name="usertype" id="usertype">


                </div>
                <div class="form-group has-feedback feedback-left">
                    <input type="text" placeholder="请输入用户名" class="form-control" name="username" id="username" />
                    <span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
                </div>
                <div class="form-group has-feedback feedback-left">
                    <input type="password" placeholder="请输入密码" class="form-control" id="password" name="password" />
                    <span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
                </div>
                <div class="form-group has-feedback feedback-left">
                    <input type="password" placeholder="再次输入密码" class="form-control" id="re_password" name="re_password" />
                    <span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
                </div>
                <div class="form-group has-feedback feedback-left">
                    <label class="lyear-checkbox checkbox-info m-t-10">
                        <input type="checkbox"><span>记住我</span>
                    </label>
                </div>
                <div class="form-group">
                    <button class="btn btn-block btn-primary"  id="submit" type="button">立即注册</button>
                </div>
            </form>
            <hr>

        </div>
    </div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">;</script>
<script>

        $("#selectusertype").bind("change" , function() {


           $("#usertype").val($("#selectusertype").val());
        });

</script>
<script>
    $(function() {
        $("#submit").click( function() {
            $.ajax({
                type :"get",
                url : "RegServlet",
                data : {
                    username : $("#username").val(),
                    password: $("#password").val(),
                    re_password : $("#re_password").val(),
                    usertype : $("#usertype").val()
                },
                dataType : "text",
                success : function(data) {
                    data.trim()
                    if (data.indexOf("error")!=-1){
                        alert("注册失败有信息未填写或者用户名冲突或者两次密码输入不一致");
                    }
                    else {
                       alert("注册成功")
                    }
                }
            });
        });
    });
</script>
</body>
</html>